"use client"
import React from 'react';
import {List} from "antd";
import {data} from "@/app/blog/data";
import Link from "next/link";

function DataList(props) {
    return (
        <List
      size="large"
      header={<div>Header</div>}
      footer={<div>Footer</div>}
      bordered
      dataSource={data}
      renderItem={(item) => <List.Item><Link href={`/blog/${item.id}`}>{item.title}</Link></List.Item>}
    />
    );
}

export default DataList;
